<template>
  <el-scrollbar height="100vh">
    <div class="all">
      <div class="content">
        <router-view></router-view>
      </div>
    </div>
  </el-scrollbar>
</template>

<script setup lang="ts">
import {
  ref,
  reactive,
  toRefs,
  watch,
  onMounted,
  getCurrentInstance,
} from 'vue'

const emit = defineEmits([''])
const props = defineProps({
  propData: {
    type: String,
    default: '',
  },
})
//const { } = toRefs(props);

const { data } = toRefs(
  reactive({
    //定义数组和对象
    data: '',
  })
)
</script>
<style lang="scss" scoped>
.all {
  width: 80%;
  height: 500px;
  margin: auto;
  .content {
    width: 100%;
    overflow: hidden;
  }
}
</style>
